<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>欢迎光临 Music Store</title>
<script src="${pageContext.request.contextPath}/script/jquery-1.10.2.js"></script>
<link type="text/css" rel="Stylesheet"
	href="${pageContext.request.contextPath }/style/front.css" />
<style>
hr {
	margin: 10px 0px;
}
</style>
</head>
<body>
	<div id="wrapper">
		<s:action name="header" executeResult="true" namespace="/"></s:action>
		<div id="content">
			<s:action name="sidebar" executeResult="true" namespace="/"></s:action>
			<div id="main">
				<h3 id="main-title">唱片列表</h3>
				<div id="hotAlbums">
					<c:forEach items="${albumList }" var="a">
						<dl style="clear: both; margin-top: 10px;">
							<dt
								style="float: left; padding-right: 10px; width: 240px; height: 280px;">
								<img src="CoverImages/${a.id }.jpg" />
							</dt>
							<dd
								style="color: blue; font-size: 15px; font-weight: bold; text-decoration: none;">
								<a href="details?id=${a.id }">${a.title }</a>
							</dd>
							<dd>
								<strong>歌手:</strong>${a.artist }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>定价:</strong>${a.price }</dd>
							<dd>${a.description }</dd>
						</dl>
					</c:forEach>
				</div>
				<div class="clearBoth"></div>
				<hr />
				<c:if test="${pageNum>1 }">
					<a href="list?pageNum=${pageNum-1}&genreId=${genreId}">上一页</a>
				</c:if>
				<c:if test="${pageNum < totalPage }">
					<a href="list?pageNum=${pageNum+1 }&genreId=${genreId}">下一页</a>
				</c:if>
				| 共${totalPage }页,第${pageNum }页
			</div>
			<div class="clearBoth"></div>
		</div>
		<%@ include file="../shared/footer.jsp"%>
	</div>
</body>
</html>
